<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap-responsive.min.css"/>
		<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./css/usercenter.css"/>
		<link rel="stylesheet" type="text/css" href="./css/header.css"/>
		<link rel="stylesheet" type="text/css" href="./css/footer.css"/>
		<script src="./js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header>
			<div class="top">
				<div class="top_w">									
				 <a href="">YOHO!有货</a>
					 <div class="top_right">
					 	<a href=""><span>|</span>Hi~[请登录][免费注册]</a>	
						 <a href=""><span>|</span>MY有货</a>
						 <a href=""><span>|</span>我的订单</a>
						 <a href=""><span>|</span>我的收藏</a>
						 <a href=""><span>|</span>消息</a>
						 <a href=""><span>|</span>手机版</a>
					 </div>
				 </div>
			</div>
			<div class="nav">
				<div class="nav_w">
					<ul>
						<li style="background: #3a3a3a; ">
							<a class="nav_a1" href="" style="color: #fff;">男生</a>
							<a class="nav_a2" href="" style="color: #fff;">BOYS</a>
						</li>
						<li>
							<a class="nav_a1" href="">女生</a>
							<a class="nav_a2" href="">GIRLS</a>
						</li>
						<li>
							<a class="nav_a1" href="">潮童</a>
							<a class="nav_a2" href="">KIDS</a>
						</li>
						<li>
							<a class="nav_a1" href="">创意生活</a>
							<a class="nav_a2" href="">LIFE STYLE</a>
						</li>
					</ul>
					<div class="banner"></div>
					<div class="search">
						<input class="searchinput" type="text" name="" id="" value="" />
						<a href="" class="iconsearch"></a>
						<div class="shopping">
							
						</div>
					</div>
				</div>
				<div class="nav_leader">
					<ul>
						<li><a href="">新品到着</a></li>
						<li><a href="">品牌一览</a></li>
						<li><a href="">服饰</a></li>
						<li><a href="">鞋履</a></li>
						<li><a href="">包袋</a></li>
						<li><a href="">配饰·其他</a></li>
						<li><a href="">领券中心</a></li>
						<li><a href="">逛</a></li>
						<li><a href="">SALE</a></li>
					</ul>
				</div>
				
			</div>
		</header>
		
		<article>
			<div class="leader">
				<a href="">YOHO!BUY 有货首页</a>   >   个人中心   >    <span>地址管理</span>
			</div>
			
			<div class="center">
				<div class="c_left">
					<div class="left_top"></div>
					<div class="user_pic">
						<img src="images/center/user.gif"/>
					</div>	
					
					<ul class="guanli">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;交易管理
						<li><a href="">我的订单</a></li>
						<li><a href="">地址管理</a></li>
						<li><a href="">编辑个人资料</a></li>																		
					</ul>
				</div>
				
			<div class="c_orderright">
				<div class="right_ordtop"></div>
				<div class="detail-info">									
					<div class="status">
						<p>订单编号：1609646485</p>
						<p style="color: #e8044f;">当前状态：已取消</p>
					</div>
					<div class="trace-order">
						<p class="sub-title">订单追踪</p>
						<div class="content">
							<p>下单时间：2016.06.22 17:11:21</p>
							<table border="" cellspacing="" cellpadding="">
								<tr>
								<th class="handle-time">处理时间</th>
								<th class="recive-place">接收地点</th>
								<th class="logistics-info">物流信息</th>
								</tr>
								<tr>
								<td>2016-06-22 17:11:21</td>
								<td> </td>
								<td>您的订单已提交，等待付款</td>
								</tr>
							</table>
						</div>
					</div>
					
					<div class="trace-order">
						<p class="sub-title"> 订单信息</p>
						<div class="content">
							<p>收货人：亢柄宇</p>
							<p>收货地址：山西省 太原市 小店区 晋阳街202号</p>
							<p>联系电话：189****1087</p>
						</div>
					</div>
					
					<div class="trace-order">
						<p class="sub-title">支付及配送方式</p>
						<div class="content">
							<p>支付类型：在线支付</p>
							<p>送货上门时间：工作日、双休日和节假日均送货</p>
						</div>
					</div>
					
					<div class="trace-order">
						<p class="sub-title">支付及配送方式</p>
						<div class="content">
							<ul class="dd_title">
								<li style="width: 40%;">商品信息</li>
								<li style="width: 20%;">单价（元）</li>
								<li style="width: 20%;">数量</li>
								<li style="width: 20%;">小计（元）</li>
							</ul>
							<ul class="dd_nr">
								<li style="width: 40%;">
									<img src="images/center/shoe_p1.jpg"/>
									<a href="">Life·After Life 国旗底人字拖</a>
									<span id="">
										颜色：红色 尺码：43码
									</span>
								</li>
								<li style="width: 20%;">55.20</li>
								<li style="width: 20%;">2</li>
								<li style="width: 20%;">110.40</li>
							</ul>
							<div class="money_num">															
							<p>商品总金额:<span style="font-weight: bold;"> ¥138.00 元</span></p>
							<p>活动金额: -¥27.60 元</p>
							<p>运费: ¥10.00 元</p>
							<p style="color: #e8044f; font-weight: bold;">实际应支付: ¥120.40 元</p>
							</div>
						</div>
					</div>
				</div>
			</div>	
		</article>
		
		<footer>
			<div class="iconfoot">
				<span>100% 品牌正品</span>
				<span>7天 无理由退换货</span>
				<span>便捷 在线客服</span>
			</div>
			<div class="footer-help">
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>				
			</div>
			<div class="footer-link">
					<img src="images/credit-flag3.png"/>
					<img src="images/isc2.png"/>
					<div class="about-us">
						<p>
                            <a href="http://www.yohobuy.com">返回首页</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/yohobuy.html">YOHO!BUY 有货</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/newpower.html">新力传媒</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/contact.html">联系我们</a>
                            <span>|</span>
                            <a href="http://shop.yohobuy.com/settled">商家入驻</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/privacy.html">隐私条款</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/link.html">友情链接</a>
                        </p>
                        <p>
                            CopyRight © 2007-2016 南京新与力文化传播有限公司
                            <a class="rbg6" href="http://www.miibeian.gov.cn/" target="_blank">苏ICP备09011225号</a>
                            NewPower Co. 版权所有 经营许可证编号：苏B2-20120395
                        </p>
					</div>
			</div>
		</footer>
		
	</body>
</html>
